<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    	<base href="<%=basePath%>">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>${mo.m_title}</title>

		<!-- Bootstrap core CSS -->
		<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

		<!-- Custom fonts for this template -->
		<link href="<%=basePath%>/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
		<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

		<!-- Custom fonts for this template -->
		<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="<%=basePath%>/css/business-casual.min.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="<%=basePath%>/css/agency.min.css" rel="stylesheet">

  </head>
  
  <body>
   <body id="page-top">

		<!-- Navigation -->
		<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
			<div class="container">
				<a class="navbar-brand js-scroll-trigger" href="#page-top">${mo.m_title}</a>
				<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fa fa-bars"></i>
        </button>
				<div class="collapse navbar-collapse" id="navbarResponsive">
					<ul class="navbar-nav text-uppercase ml-auto">
						<li class="nav-item">
							<a class="nav-link js-scroll-trigger" href="MianPagelistServlet">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link js-scroll-trigger" href="servlet/Hot_Servlet">热门排行</a>
						</li>
						<li class="nav-item">
							<a class="nav-link js-scroll-trigger" href="type.jsp">分类</a>
						</li>
						<li class="nav-item">
							<a class="nav-link js-scroll-trigger" href="servlet/Rec_Servlet">最新推荐</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<!-- Header -->
		<header class="masthead" id="Movie">
			<div class="container">
				<div class="intro-text">
					<div id="" style="text-align: center;">
					<!--<div class="intro-lead-in">Welcome To Vedio Plus!</div>-->
					<!--<div class="intro-heading text-uppercase">1</div>-->				
					<h3 class="section-subheading text-muted">						
							评分  :${mo.m_grade}
							评论数 :${mo.m_comment_num}
							收藏数 :${mo.m_great_num}
							作者:${mo.m_author}					
					</h3>				
					<div align="center">
						${mo.m_url}
					</div>							
					</div>
					<!--<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>-->
				</div>
			</div>
		</header>
		
		<section id="Detail">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 text-center">
						
						<h2 class="section-heading text-uppercase">视频简介</h2>
            			<h3 class="section-subheading text-muted">${mo.m_ldescribe}</h3>
            			<h2 class="section-heading text-uppercase">标签</h2>
						<h3 class="section-subheading text-muted">${mo.m_type}</h3>
					</div>
				</div>
				
				</div>
		</section>
		
		
		<!-- Bootstrap core JavaScript -->
		<script src="vendor/jquery/jquery.min.js"></script>
		<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

		<!-- Plugin JavaScript -->
		<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

		<!-- Contact form JavaScript -->
		<script src="js/jqBootstrapValidation.js"></script>
		<script src="js/contact_me.js"></script>

		<!-- Custom scripts for this template -->
		<script src="js/agency.min.js"></script>

	</body>
  </body>
</html>
